import React, { useEffect, useState, useCallback } from 'react'
import { useHistory } from 'react-router-dom'
// import { getNews } from '@/config/homeUri'
// import { getHomeListrData } from '../../../../../models/homeModel'
// import { withRouter } from 'react-router-dom'
import model from '@/models/homeModel'

import { ListStyled } from '../ListViewStyle'
import Item from '@/sale/ui/ListItem/item';

// @withRouter
function ListItems(props) {
  return(
    <div></div>
  )

  // const [list, setList] = useState([])
  // useEffect(() => {
  //   (async () => {
  //     let params = {
  //       pageSize: 20,
  //       type: props.downActive.type,
  //       channel_type: props.downActive.channel
  //     }
  //     // let rs = await getNews(params);
  //     let rs = await model.getHomeListrData(params);
  //     setList(rs.data)
  //   })()

  // }, [props.downActive.type, props.downActive.channel]);

  // // const toDetail = useCallback((href) => {
  // //   window.location.href = href;
  // // }, [])
  // const toDetail = useHistory()

  // return (
  //   <ListStyled>
  //     <ul>
  //       {
  //         list.map((value, index) => {
  //           return (
  //             <li key={'识货app' + index}
  //               onClick={() => {
  //                 // toDetail(value.data.href)
  //                 toDetail.push('detail/home/' + value.data.item_id)
  //               }}>
  //               <img src={value.data.img} alt="" />
  //               <div>
  //                 <h2>{value.data.title}</h2>
  //                 <h3>{value.data.intro}</h3>
  //                 <h4>{value.data.author_name ? value.data.author_name : value.data.merchant}
  //                   <span>{value.data.price ? '￥' + value.data.price : ''}</span>
  //                 </h4>
  //               </div>
  //             </li>
  //           )
  //         })
  //       }
  //     </ul>
    // </ListStyled>
  // )
}
export default ListItems;

